﻿<%@ Page Title="" Language="C#" MasterPageFile="~/YUIAspNet.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="YUIAspNetDemo.Paginator.Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>YUIAsp.Net Controls : LiveDemo : Paginator : General info</title>
    <script type="text/javascript">
        
        function PageChange(sender, args) {
            var rawSource = $get('rawSource').innerHTML.split('.');

            $get("actualContent").innerHTML = rawSource[args.page];
            sender.get_YUIControl().setState(args);
        }
    </script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1>Paginator general information</h1>
    
    <p>Here is a simple usage of YUI Asp.Net Paginator control. This control is mainly used with <a title="An example of using YUI Asp.Net Paginator with DataTable" href="../DataTable/lazyload.aspx">DataTable</a>, but it has other usages also, as you can see from below.</p>
   
    <p id="topContainer" class="yui-skin-sam"></p>
    <p id="actualContent">
        
    </p>
    <p id="bottomContainer" class="yui-skin-sam"></p>
    
    <p id="rawSource" style="display:none">
    Check out the examples of YUI in action. We recommend starting with the Event Utility and Dom Collection examples; Event and Dom are part of the YUI Core (along with the YAHOO Global Object) and provide an important foundation for JavaScript developers using YUI. Once you've reviewed those foundational pieces, go on to explore utilities like Drag and Drop and Animation or UI controls like Button, Calendar and TabView. If you're interested in YUI's CSS components, read through the examples for Reset, Base, Fonts, and Grids in that order.
Remember that there are full user's guides for each component here on the website. If you have any questions about a component as you play with the examples, check out the component's user's guide (by following any of the links along the left side of the page) or the searchable API documentation.
Articles: You may also want to check out "Writing Your First YUI Application," an article designed to help you get up and running with YUI, and "Loading YUI: Seeds, Core, and Combo-handling," an article that explores the three most common strategies for including YUI on the page.
You have cheat sheets for each component available on landing pages and downloadable as a full set. These documents support the online user's guides by providing concise print documentation for YUI components.
Start building. You can include YUI scripts and CSS from the YUI download (in the download's /build directory) or directly from Yahoo! servers. The YUI Loader Utility is a client-side loading package that can dynamically pull in YUI scripts as needed, whether from your servers or from ours. And the YUI Dependency Configurator is a great way to calculate an optimized list of script/css includes for your particular implementation.
Become a member of the YUI community. YUI developers and implementers share thoughts and solutions and provide a helping hand in our forums. YUI developers also contribute to the YUIBlog, where you'll find in-depth articles, videos and other great content about YUI and the world of frontend engineering.
    </p>
    
    <p><yui:Paginator ID="pag" RowsPerPage="5" TotalRecords="40" OnClientPageChange="PageChange" Template="{PreviousPageLink} {CurrentPageReport} {PageLinks} {NextPageLink}" UpdateOnChange="true" runat="server"></yui:Paginator></p>
</asp:Content>
